/*-----------------------------header页眉-----------------------------*/
.header{background: url(../images/public/headerbg.png) no-repeat top center;}
.topbar{padding-top: 15px;}
.topbar a,.topbar .split{color: #fff;vertical-align: middle;display: inline-block;height: 18px;line-height: 18px;font-size: 16px;}
.topbar .ghb{width: 90px;height: 30px;line-height: 30px;text-align: center;border-radius: 15px;background: #C92926;}
.topbar .split{margin: 0 8px;}
.topbar .ipv6{display: inline-block;margin-left: 20px;vertical-align: middle;;width: 120px;height: 30px;line-height: 30px;text-align: center;color: #fff;border: 1px solid #fff;border-radius: 18px;}
.mobilenav{display: none;}

.logobox{margin-top: 15px;}
.pub_logo{text-align: center;}

.searchbox{position: relative;;width: 617px;height: 52px;margin: 54px auto 0;}
.searchbox .dropdown{ position: absolute;left: 0;top: 11px;z-index:10; cursor: pointer; color: #999;width: 80px;}
.searchbox .dropdown .butn{display: block;line-height: 30px;height: 30px;border-right: 1px solid #e8e8e8;position: relative;padding: 0 20px 0 16px;box-sizing: border-box;color: #999;}
.searchbox .dropdown .butn:after{content: ""; position: absolute; width: 0; height: 0;border-left: 6px solid transparent;border-top: 6px solid #999;border-right: 6px solid transparent;right: 10px;top: 50%;margin-top: -3px;}
.searchbox .dropdown .dropdown-menu{ background-color: #fff;box-shadow: 0 0 10px 0 #ddd;padding: 5px 0; top: 99%;max-height: none;overflow: visible;}
.searchbox .dropdown .dropdown-menu li{ font-size: 14px;line-height: 26px;text-align: left;padding-left: 15px;}
.searchbox input{padding-left: 110px;;width: 100%;height: 100%;font-size: 16px;;background: #fff;border-radius: 8px;outline: none;border: none;box-sizing: border-box;}
.searchbox .searchbtn{position: absolute;right: 7px;top: 7.5px;width: 94px;height: 38px;line-height: 38px;text-align: center;background:  linear-gradient(180deg, #62B5FF 0%, #337EFF 100%);border-radius: 6px;cursor: pointer;}
.searchbox .searchbtn span{color: #fff;font-size: 18px;}
/* .searchbox input::-webkit-input-placeholder{color: #237ADE;} */

.nav{margin-top: 82px;width: 100%;background: linear-gradient(180deg, #00469C 0%, #1381E8 100%);}
.nav li{position: relative;float: left;padding:0 44px;height: 60px;line-height: 60px;text-align: center;font-size: 20px;font-weight: bold;}
.nav li a{color: #fff;display: block;width: 100%;height: 100%;}
.nav li + li::before{position: absolute;content: '';left: 0;top: 50%;margin-top: -10px;;width: 1px;height: 20px;/*background: #fff;*/}
.nav li img{margin-right: 10px;}
.nav li span{position: relative;display: inline-block;}
.nav li span::after{position: absolute;content: '';bottom: 0;left: 50%;width: 0;height: 4px;background: #fff;transition: all .3s;}
.nav li.on span::after,.nav li:hover span::after{width: 100%;left: 0;}

@media (max-width: 1480px) {
.searchbox{width: 55%;}
    .nav li{width: 138px;padding: 0 26px;box-sizing: content-box;}
}
@media (max-width: 1200px) {
.topbar{padding: 0 10px;}
.logobox{padding: 0 10px;}
.nav li{width: 16.66%;font-size: 20px;padding: 0 0px;}
.mobilenav .slidenav {
    position: fixed;
    right: -200px;
    top: 0;
    width: 200px;
    height: 100%;
    background: #005293;
    z-index: 999;
    transition: all .5s;
}
.mobilenav .slidenav.on{right: 0;}
}
@media (max-width: 992px) {
.header{padding: 10px 0 30px;}
    .topbar .ipv6{display: none;}
    .topbar a, .topbar .split{font-size: 16px;}
    .pub_logo,.searchbox{width: 90%;}
    .pub_logo{margin-left:auto;margin-right:auto;}
    .searchbox{height: 55px;}
    .searchbox input{height: 100%;}
    .searchbox .searchbtn{right: 10px;width: 85px;;height: 40px;line-height: 40px;text-align: center;}
    /* .searchbox .searchbtn span{margin-left: 5px;padding-right: 24px;font-size: 14px;} */
    .searchbox .searchbtn img{width: 60px;}
    .searchbox input{padding-left: 69px;background-position: 10px center;font-size: 14px;    box-sizing: border-box;}
    .nav{display: none;}
    .header{position: relative;}
    .topbar .fr{float: left;}
    .mobilenav{display: block;position: absolute;right: 10px;}
    .mobilenav .slidenav{position: fixed;right: -200px;top: 0;width: 200px;height: 100%;background: #fff;z-index: 999;}
    .mobilenav .slidenav li{width: 100%;margin-top: 30px;text-align: center;}
    .mobilenav .slidenav li a{color: #000;font-size: 20px;font-weight: bold;}
.searchbox .dropdown{width:64px;}
.searchbox .dropdown .butn{padding-left:10px;}
.searchbox .dropdown .butn:after{right:5px;}
}